<template>
    <a-modal v-bind="defaultModalProps" title="退出登录" v-model:open="appStore.logoutState.open" :width="450"
        :ok-button-props="{danger: true}" 
        @ok="appStore.handleLogout()"
    >
        <div class="flex flex-row items-center gap-2 py-8">
            <img src="/images/info-icon.png" alt="" :width="20" :height="20" class="block size-5 object-cover select-none" />
            <span class="text-base text-primary">确认退出当前账号？</span>
        </div>
    </a-modal>
</template>
<script lang="ts" setup>
import { useAppStore } from '@/stores';
import { defaultModalProps } from '@/constants/comp-setting';
defineOptions({
    name: 'GpLogoutModal'
})
const appStore = useAppStore()
</script>